<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Insert title here</title>

<title>Title</title>

<style type="text/css" media="screen">
.slides_container {
	width: 570px;
	height: 270px;
}

.slides_container div {
	width: 570px;
	height: 270px;
	display: block;
}
</style>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="slides.js"></script>

<script>
            $(function(){
                $(".slides").slides();
            });

            function movimento(para) {

            $('html,body').animate(
            {scrollTop: $("#"+para).offset().top}
            , 1200);

            }
           
</script>
</head>
<body>

	
	
	
	PONTO 1
<div id="ponto1">
<a href="javascript://" onclick="movimento('ponto2')">para o PONTO 2</a>

<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />

</div>
PONTO 2
<div id="ponto2">
<a href="javascript://" onclick="movimento('ponto3')">para o PONTO 3</a>

<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />

</div>

PONTO 3
<div id="ponto3">
<a href="javascript://" onclick="movimento('ponto1')">para o PONTO 1</a>

<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />


</div>
</body>
</html>